<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>粘性定位</title>
  <style>
    .box {
      border: 1px solid #000;
    }
    img {
      /* vertical-align: middle; */

      display: block;
    }
    .tebie {
      position: sticky;

      /* 脱标的条件 */
      top: 0px;

      background-color: red;
    }
  </style>
</head>
<body>
  <div class="box">
    <img src="https://api-hmugo-web.itheima.net/pyg/pic_floor03_5@2x.png" alt="">
  </div>
  
  <p>第1个p</p>
  <p>第2个p</p>
  <p>第3个p</p>
  <p>第4个p</p>
  <p>第5个p</p>
  <p>第6个p</p>
  <p>第7个p</p>
  <p>第8个p</p>
  <p>第9个p</p>
  <p>第10个p</p>
  <p>第11个p</p>
  <p>第12个p</p>
  <p>第13个p</p>
  <p>第14个p</p>
  <p>第15个p</p>
  <p>第16个p</p>
  <p>第17个p</p>
  <p>第18个p</p>
  <p>第19个p</p>
  <p>第20个p</p>
  <p>第21个p</p>
  <p>第22个p</p>
  <p>第23个p</p>
  <p>第24个p</p>
  <p>第25个p</p>
  <p>第26个p</p>
  <p>第27个p</p>
  <p>第28个p</p>
  <p>第29个p</p>
  <p>第30个p</p>
  <p>第31个p</p>
  <p>第32个p</p>
  <p>第33个p</p>
  <p>第34个p</p>
  <p>第35个p</p>
  <p>第36个p</p>
  <p>第37个p</p>
  <p>第38个p</p>
  <p>第39个p</p>
  <p>第40个p</p>
  <p>第41个p</p>
  <p>第42个p</p>
  <p>第43个p</p>
  <p>第44个p</p>
  <p>第45个p</p>
  <p>第46个p</p>
  <p>第47个p</p>
  <p>第48个p</p>
  <p>第49个p</p>
  <p class="tebie">第50个p</p>
  <p>第51个p</p>
  <p>第52个p</p>
  <p>第53个p</p>
  <p>第54个p</p>
  <p>第55个p</p>
  <p>第56个p</p>
  <p>第57个p</p>
  <p>第58个p</p>
  <p>第59个p</p>
  <p>第60个p</p>
  <p>第61个p</p>
  <p>第62个p</p>
  <p>第63个p</p>
  <p>第64个p</p>
  <p>第65个p</p>
  <p>第66个p</p>
  <p>第67个p</p>
  <p>第68个p</p>
  <p>第69个p</p>
  <p>第70个p</p>
  <p>第71个p</p>
  <p>第72个p</p>
  <p>第73个p</p>
  <p>第74个p</p>
  <p>第75个p</p>
  <p>第76个p</p>
  <p>第77个p</p>
  <p>第78个p</p>
  <p>第79个p</p>
  <p>第80个p</p>
  <p>第81个p</p>
  <p>第82个p</p>
  <p>第83个p</p>
  <p>第84个p</p>
  <p>第85个p</p>
  <p>第86个p</p>
  <p>第87个p</p>
  <p>第88个p</p>
  <p>第89个p</p>
  <p>第90个p</p>
  <p>第91个p</p>
  <p>第92个p</p>
  <p>第93个p</p>
  <p>第94个p</p>
  <p>第95个p</p>
  <p>第96个p</p>
  <p>第97个p</p>
  <p>第98个p</p>
  <p>第99个p</p>
  <p>第100个p</p>
</body>
</html>